<template>
  <div>
    <div>
      <img :src="imgUrl"  @error="errImgFun" alt>
    </div>
    <div>
      <icon type="clear" size="16" color="rgba(0,0,0,0.3)"/>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    imgUrls:String
  },
  data() {
    return {
      imgUrl: "",
      errImg: require("../../static/images/load_err.png")
    };
  },
  methods: {
    errImgFun(e) {
      console.log("err", e);
      this.imgUrl = this.errImg;
    }
  },
  watch: {
    imgUrls(){
      console.log('url',this.imgUrls)
    }
  }
};
</script>

<style>
</style>
